﻿<html>
<head>
    <title>CSS and Jquery Tabs</title>
    <script type="text/javascript" src="Scripts/jquery.js"></script>
    <script src="~/Scripts/jquery_003.js"></script>
    <script src="~/Scripts/jquery_002.js"></script>
    <script src="~/Scripts/modernizr-2.6.2.js"></script>
    <script src="~/Scripts/index.js"></script>
    <script src="~/Scripts/modernizr.js"></script>
    <link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
    

</head>
<body>
    <div class="brands">
        <div class="brands_title">
            <div class="brands_text">Các thương hiệu hàng đầu</div>
            <div class="none"> </div>
            <div class="kmnb">Khuyến mãi nổi bật</div>
        </div>
        <div class="brands_content">
            <div class="brands_left column-1">
                <a href="#"><div class="left_brands_tittle">Thương hiệu tiêu biểu</div></a>
                <a href="#" class="qcl"><img src="/Content/images/qc_brands_left.jpg" /></a>
            </div>
            <div class="brands_center column-4">
                @Html.Action("THUONGHIEUimage", "ImageFloor")
            </div>
            <div class="brands_right column-1">
                <a href="#" class="qcrt"><img src="/Content/images/qc_brands_rightt.jpg" /></a>
                <a href="#" class="qcrf"><img src="/Content/images/qc_brands_rightf.jpg" /></a>
            </div>
        </div>
    </div>
    <div class="floor1">
        <div class="floor1_title">
            <div class="ftl">
                <div class="floor1_text">
                    TẦNG
                </div>
                <div class="floor1_number">
                    1
                </div>
                
            </div>
            <div class="floor1_none">
                
                    <a href="#">Vouchers</a>
                    <span class="splitter">|</span>
                    <a href="#">Bách hóa online</a>
                    <span class="splitter">|</span>
                    <a href="#">Sách &amp; Âm nhạc</a>
               
            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor1_left column-1">
                @Html.Action("ListFloor1","ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T1image", "ImageFloor")
            </div>
        </div>
       
    </div>

    <div class="floor1">
        <div class="floor1_title" style="border-top-color:black;" >
            <div class="ftl">
                <div class="floor1_text" style="background-color:black;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color:black;">
                    2
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Sức khỏe & Sắc đẹp</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                    <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor2_left column-1">
                @Html.Action("ListFloor2", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T2image", "ImageFloor")
            </div>
        </div>

    </div>
    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #9bb342;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #9bb342;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #9bb342;">
                    3
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Nhà cửa & Đời sống</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor3_left column-1">
                @Html.Action("ListFloor3", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T3image", "ImageFloor")
            </div>
        </div>

    </div>

    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #9bb342;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #9bb342;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #9bb342;">
                    4
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Mẹ & Bé</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor3_left column-1">
                @Html.Action("ListFloor4", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T4image", "ImageFloor")
            </div>
        </div>

    </div>
    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #ca248e;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #ca248e;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #ca248e;">
                    5
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Đồ gia dụng</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor5_left column-1">
                @Html.Action("ListFloor5", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T5image", "ImageFloor")
            </div>
        </div>

    </div>
    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #ca248e;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #ca248e;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #ca248e;">
                    6
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Điện thoại & Tablet</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor5_left column-1">
                @Html.Action("ListFloor6", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T6image", "ImageFloor")
            </div>
        </div>

    </div>
    
    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #f4701e;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #f4701e;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #f4701e;">
                    7
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Điện thoại & Tablet</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor7_left column-1">
                @Html.Action("ListFloor7", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T7image", "ImageFloor")
            </div>
        </div>

    </div>
    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #a44d4c;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #a44d4c;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #a44d4c;">
                    8
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Máy vi tính & Laptop</a>
                <span class="splitter">|</span>
                <a href="#">Máy ảnh</a>
            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor8_left column-1">
                @Html.Action("ListFloor8", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T8image", "ImageFloor")
            </div>
        </div>

    </div>
    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #a44d4c;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #a44d4c;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #a44d4c;">
                    9
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Máy vi tính & Laptop</a>
                <span class="splitter">|</span>
                <a href="#">Máy ảnh</a>
            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor8_left column-1">
                @Html.Action("ListFloor9", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T9image", "ImageFloor")
            </div>
        </div>

    </div>

    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #5d3380;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #5d3380;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #5d3380;">
                    10
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Thời trang & Phụ kiện</a>
                
            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor10_left column-1">
                @Html.Action("ListFloor10", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T10image", "ImageFloor")
            </div>
        </div>

    </div>

    <div class="floor1">
        <div class="floor1_title" style="border-top-color: #0090c9;">
            <div class="ftl">
                <div class="floor1_text" style="background-color: #0090c9;">
                    TẦNG
                </div>
                <div class="floor1_number" style="color: #0090c9;">
                    11
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Xe máy, Ô tô & Phụ kiệnt</a>

            </div>
            <div class="ftr">
                <a href="#">
                    <i class="icon icon-elevator_down"></i>
                </a>
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor11_left column-1">
                @Html.Action("ListFloor11", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T11image", "ImageFloor")
            </div>
        </div>

    </div>

    <div class="floor1">
        <div class="floor1_title">
            <div class="ftl">
                <div class="floor1_text">
                    TẦNG
                </div>
                <div class="floor1_number">
                    12
                </div>

            </div>
            <div class="floor1_none">

                <a href="#">Thể thao & Dã ngoại</a>

            </div>
            <div class="ftr1">
                
                <i class="icon icon-elevator"></i>
                <a href="#">
                    <i class="icon icon-elevator_up"></i>
                </a>
            </div>
        </div>
        <div class="floor1_content">
            <div class="floor1_left column-1">
                @Html.Action("ListFloor12", "ListFloor")
            </div>
            <div class="floor1_center">
                @Html.Action("T12image", "ImageFloor")
            </div>
        </div>

    </div>

    <div class="san-pham-ban-chay" style="height:450px;width:1115px;float:left;">
        <div class="title" style="float:left;text-transform:uppercase;font-weight:bold;">
            <p>SẢN PHẨM BÁN CHẠY</p>
        </div>
        <div id="cbp-fwslider" class="cbp-fwslider">
            <ul style="width: 300%; transition: transform 500ms ease 0s;">
                <li style="width: 33.3333%;">
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/1.jpg"></center>
                            <p>Đồng hồ Rajfoo I5 2015 (Đen)</p>
                            <p>87.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/2.jpg"></center>
                            <p>ĐTDĐ Samsung s5</p>
                            <p>400.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/3.jpg"></center>
                            <p>Đồng hồ Ogitech M557 (Đen phối xám)</p>
                            <p>150.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/4.jpg"></center>
                            <p>Bếp Ga (Đen)</p>
                            <p>300.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/5.jpg"></center>
                            <p>Máy may mini</p>
                            <p>350.000VNĐ</p>
                        </a>
                    </div>

                </li>
                <li style="width: 33.3333%;">
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/6.jpg"></center>
                            <p>Đèn ngủ</p>
                            <p>50.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/7.jpg"></center>
                            <p>Đồng hồ Surface Edition (Gold)</p>
                            <p>150.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/8.jpg"></center>
                            <p>Đồng hồ JM-032 (Đen)</p>
                            <p>90.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/9.jpg"></center>
                            <p>Đồng hồ Cao cấp</p>
                            <p>350.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/10.jpg"></center>
                            <p>ĐTDĐ DX-PRO X868 (Đen)</p>
                            <p>99.000VNĐ</p>
                        </a>
                    </div>

                </li>
                <li style="width: 33.3333%;">
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/11.jpg"></center>
                            <p>USB Team 3.0(32GB)</p>
                            <p>90.000VNĐ</p>
                        </a>
                    </div>
                    <div class="slider">
                        <a href="#">
                            <center><img src="~/Content/images/slider/12.jpg"></center>
                            <p>Đồ đọc thẻ</p>
                            <p>200.000VNĐ</p>
                        </a>
                    </div>


                </li>
            </ul>
            <nav><span style="display: none;" class="cbp-fwprev">&lt;</span><span class="cbp-fwnext">&gt;</span></nav><div class="cbp-fwdots"><span class="cbp-fwcurrent"></span><span></span><span></span></div>
        </div>
        <script src="~/Scripts/jquery_003.js"></script>
        <script src="~/Scripts/jquery_002.js"></script>
        <script>
            $(function () {
                $('#cbp-fwslider').cbpFWSlider();
            });
        </script>
    </div> 
</body>
</html>